﻿<Window x:Class="WPF101_GetStarted.GetStarted"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window with Button"
    Width="826" Height="218">
        <!--DockPanel to layout four text boxes-->
        <DockPanel VerticalAlignment="Top">
            <StackPanel DockPanel.Dock="Right">
                <MediaElement Name="myMediaElement" Source="media/lake.wmv" LoadedBehavior="Play" Height="180" Width="182" />
            </StackPanel>
        <Button Margin="20">
            <!-- Button Content -->
            <DockPanel Width="100" Height="100">
                <Label DockPanel.Dock="Top" HorizontalAlignment="Center">Click Me!</Label>
                <Border Background="Black" BorderBrush="Yellow" BorderThickness="3" 
                    CornerRadius="2" Margin="5">
                    <MediaElement Source="media/lake.wmv" Stretch="Fill" />
                </Border>
            </DockPanel>
        </Button>

        <!-- Button using an ellipse -->
        <Button Content="Click Me!" Click="button_Click" Width="112">
            <Button.Template>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid Margin="5">
                        <Ellipse Stroke="DarkBlue" StrokeThickness="2">
                            <Ellipse.Fill>
                                <RadialGradientBrush Center="0.3,0.2" RadiusX="0.5" RadiusY="0.5">
                                    <GradientStop Color="Azure" Offset="0.1" />
                                    <GradientStop Color="CornflowerBlue" Offset="1.1" />
                                </RadialGradientBrush>
                            </Ellipse.Fill>
                        </Ellipse>
                        <ContentPresenter Name="content" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Grid>
                </ControlTemplate>
            </Button.Template>
        </Button>
        <TextBox DockPanel.Dock="Top" Text="{Binding Path=Name}"></TextBox>
            <TextBox DockPanel.Dock="Bottom">Dock = "Bottom"</TextBox>
            <TextBox DockPanel.Dock="Left">Dock = "Left"</TextBox>
            <TextBox Background="White">This TextBox "fills" the remaining space.</TextBox>
            <Ellipse Name="clickableEllipse" Fill="Yellow" MouseUp="clickableEllipse_MouseUp" />        
        </DockPanel>
</Window>
